@import '../../assets/scss/mixin';
.s-navbar {
  box-sizing: border-box;
  @include border-1px();
  &__wrapper {
    display: flex;
    position: relative;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  &__icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    &-base {
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 $content-padding;
    }
    &-back {
      transform: rotate(180deg);
    }
  }
  &__title {
    flex: 1;
    font-size: 18px;
    color: $color-text-primary;
    text-align: center;
    @include no-wrap();
  }
}
